<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
<style> 
body {
      background-color:#bbccff;
      background-repeat:no-repeat;
      overflow-x:hidden;
    }
  .data_table{
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 25px;
	border: 1px solid #000;
	padding: 0px;
	color:#FFF;
	height:340px;
	text-align:left;
}

.left_menu {
	background-color: #000;
	-moz-border-radius: 10px;
	-webkit-border-radius: 25px;
	border: 1px solid #000;
	padding: 0px;
	margin-top: 15px;
	margin-right: 80px;
	margin-bottom: 15px;
	margin-left: 80px;
	height: 340px;
}
  #title {
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 50px;
	margin-left: auto;
}
	td{
	color: #FFF;
	text-align: center;
	padding: 15px;
}
  .left_menu_cells {
	border-bottom-width: medium;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
}

#container {
	width: auto;
	height: auto;
	}
  .main_div {
	width: 900px;
	min-height:1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 100px;
	margin-left: auto;
	border: 3px #000 solid;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
}
a {
	text-decoration: none;
	color:#FFF;
}

.settings_cols{
	text-align:right;
	border-right-style:dashed;
	border-right-color:#FFF;
	border-right-width:thin;
	border-bottom-color:#FFF;
	border-bottom-style:solid;
	border-bottom-width:thin;
}

  </style> 
  
 </head> 
 <body> 
 
 <div class="main_div">
 
 <div id="title" align="center"><img src="../images/title.png" width="431" height="114" align="middle"></div>

<div>
 <table class="left_menu" align="left" >
 <tr >
<td class="left_menu_cells" colspan="3"><a href="main.php">Home</a></td>
</tr>

<tr>
<td class="left_menu_cells" colspan="3"><a href="new_league.html">Create a League</a></td>
</tr>

<tr>
<td class="left_menu_cells" colspan="3">View Leagues</td>
</tr>

<tr>
<td class="left_menu_cells" colspan="3">Find Friends</td>
</tr>

<tr>
<td colspan="3">Log-off</td>
</tr>

</table>

<form action="new_league.php" name="new_league" method="get">
<div style="padding:15px; height:340px;">
<table width="580" class="data_table">

	<tr> 
		<td class="settings_cols">League Name:</td>
		<td style="text-align:left; border-bottom-color:#FFF; border-bottom-style:solid; border-bottom-width:thin;"><input name="league_name" type="text"></input></td>
	</tr>
    <tr>
		<td class="settings_cols">Number of teams:</td>
  	  	<td style="text-align:left; border-bottom-color:#FFF; border-bottom-style:solid; border-bottom-width:thin;"><select name="num_teams">
 		   	<option value="2">2</option>
       		<option value="4">4</option>
       		<option value="8">8</option>
	     	</select>
    	</td>
	</tr>
    <tr>
    	<td colspan="2" style="text-align:center">
        <input type="submit" value="Create"></input>
        </td>
    </tr>
</table>
</div>
</form>
</div>
</div>

</body>
</html>
